.fl{float: left; display: inline;}
.fr{float: right; display: inline;}
.cf{zoom: 1;}
.cf:after{clear: both; height: 0; content: ''; visibility: hidden; display: block;}

.show{display: block;}
.hide{display: none;}

#container{padding: 10px;}

.page_hint{background-color: #fff; border: 1px solid #ddd; border-radius: 5px; margin: 0 0 10px 0; padding: 10px;}
.page_hint li{margin: 0 0 5px 0; padding: 0 0 0 12px; position: relative; line-height: 18px; text-align: justify;}
.page_hint li:last-child{margin: 0;}
.page_hint li:before{content: ''; position: absolute; top: 6px; left: 0; width: 6px; height: 6px; background-color: #333; border-radius: 3px;}

.page_msg{padding: 15px 15px 15px 54px; border: 1px solid #ddd; border-radius: 5px; line-height: 20px;}
.page_msg.msg_info{color: #666; background: url(images/msg_info.png) no-repeat 15px center #fff; background-size: 24px;}

.page_dev{padding: 75px 20px 20px 20px; border: 1px solid #ddd; border-radius: 5px; background: url(images/dev.png) no-repeat center 20px #fff; background-size: 40px; color: #666; line-height: 20px; text-align: center;}

.page_caption{margin: 0 0 10px 0; color: #989898; line-height: 18px;}

.ajax_status{display: none; color: #ccc; text-align: center;}
.ajax_status.error{color: #dd4b39;}

.check_msg{display: none; margin: 10px 10px 0 10px; color: #DD4B39; line-height: 18px;}

.f_black{color: #333!important;}
.f_green,
.f_green:visited{color: #00A65A;}
.f_red{color: #dd4b39;}
.f_bule{color:#4E98C8;font-family: "黑体";}
.f_grey{color: #989898;}

.f_18{font-size: 18px;}
.f_16{font-size:16px;}
.f_20{font-size:20px;}


.editor_content{line-height: 20px; text-align: justify;}
.editor_content img{margin: 10px auto;}
.editor_content > p:first-child img:first-child,
.editor_content > img:first-child{margin-top: 0;}

#copyright{display: none; padding: 10px 0 0 0;}
#copyright p{font-size: 12px; color: #989898; text-align: center;}
#copyright.fixed{padding: 0 0 10px 0; position: fixed; bottom: 0px; left: 0; width: 100%;}

.menu_list{border: 1px solid #ddd; border-radius: 5px;}
.menu_list li{border-bottom: 1px solid #ddd;}
.menu_list li:last-child{border: 0;}
.menu_list li:first-child a{border-top-left-radius: 4px; border-top-right-radius: 4px;}
.menu_list li:last-child a{border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.menu_list li a{display: block; cursor: pointer; padding: 10px 35px 10px 54px; position: relative;}
.menu_list li a p{height: 38px; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.menu_list li a:after{content: ''; position: absolute; top: 50%; right: 15px; margin: -4px 0 0 0; width: 8px; height: 8px; border-top: 1px solid #989898; border-right: 1px solid #989898; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);}
.menu_list li a:hover{background-color: #F6F6F6!important;}
.menu_list_text_rows2 li a p{height: 19px; line-height: 19px;}
.menu_list_text_rows2 li a span{display: block; height: 19px; line-height: 19px; font-size: 14px; color: #ccc; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.menu_detail{background-color: #fff; border: 1px solid #ddd; border-radius: 5px;}
.menu_detail .title{padding: 10px; border-bottom: 1px solid #ddd; font-size: 18px; color: #00a65a;}
.menu_detail .content{padding: 10px;}

.article_list{}
.article_list ul{}
.article_list ul li{margin: 0 0 10px 0;}
.article_list ul li:last-child{margin: 0;}
.article_list ul li a{display: block; cursor: pointer; padding: 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px;}
.article_list ul li a:hover{background-color: #F6F6F6;}
.article_list ul li a img{float: left; display: inline; margin-right: 10px; padding: 1px; border: 1px solid #ddd; background-color: #fff;}
.article_list ul li a .title{height: 36px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 18px;}
.article_list ul li a .date{margin-top: 4px; font-size: 14px; color: #ccc; line-height: 14px; text-align: right;}

.article_view{padding: 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px;}
.article_view .title{font-size: 18px; line-height: 22px; text-align: justify;}
.article_view .date{padding: 8px 0 10px 0; font-size: 14px; color: #ccc; border-bottom: 1px dashed #ddd;}
.article_view .content{padding: 10px 0 0 0;}

.page_view{}
.page_view .title{padding: 0 10px 10px 10px; border-bottom: 1px solid #ddd; font-size: 18px; color: #00a65a;}
.page_view .content{margin: 10px 0 0 0; padding: 10px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px;}

.navigation_and_guide_view .pic{margin: 10px 0 0 0;}
.navigation_and_guide_view .pic a{display: block; cursor: pointer; padding: 10px; background-color: #fff; border: 1px solid #ddd;}
.navigation_and_guide_view .pic a img{width: 100%;}
.navigation_and_guide_view .pic a:hover{background-color: #F6F6F6;}
.navigation_and_guide_view .tip{margin: 5px 0 0 0; padding: 0 10px; font-size: 14px; color: #ccc;}

.txt{width: 100%; margin: 0; padding: 0; border: 0;}

.txt_area{box-sizing: border-box; padding: 5px; background-color: #fff; border: 1px solid #ddd; border-radius: 5px; resize: none; overflow: auto;}
.txt_area::-webkit-scrollbar{width: 0;}
.t_left{text-align: left;}
.t_right{text-align: right;}
.t_center{text-align: center;}

.btn{display: block;box-sizing: border-box; width: 100%; height: 45px; margin: 10px 0 0 0; padding: 0; background-color: #04BE02; border: 1px solid #04BE02; border-radius: 5px; color: #fff!important; line-height: 45px; text-align: center; cursor: pointer;font-size:22px;}
.btn.orange{background-color: #f39c12; border-color: #f39c12;}
.btn.red{background-color: #EF4F4F; border-color: #EF4F4F;}
.btn.disabled{background-color: #F7F7F7; border-color: #bdbdbd; color: #C9C9C9!important; cursor: default;}
.jump_patient_add{text-align: center;}
.jump_patient_add a{color: #00A65A;}

.jump_patient_select{background-color: #fff; border: 1px solid #ddd; border-radius: 5px;}
.jump_patient_select a{display: block; padding: 10px 50px 10px 10px; position: relative;}
.jump_patient_select a:after{content: ''; position: absolute; top: 50%; right: 10px; width: 20px; height: 20px; margin: -10px 0 0 0; background: url(images/edit.png) no-repeat 0 0; background-size: 20px;}
.jump_patient_select a:hover{background-color: #f6f6f6; border-radius: 4px;} 

.notjump_patient_select{background-color: #fff; border: 1px solid #ddd; border-radius: 5px;}
/* .notjump_patient_select a{display: block; padding: 10px 50px 10px 10px; position: relative;}
.notjump_patient_select a:after{content: ''; position: absolute; top: 50%; right: 10px; width: 20px; height: 20px; margin: -10px 0 0 0; background: url(images/edit.png) no-repeat 0 0; background-size: 20px;}
.notjump_patient_select a:hover{background-color: #f6f6f6; border-radius: 4px;} */

.box{background-color: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 10px;}

.box_data_lists{background-color: #fff; border: 1px solid #ddd; border-radius: 5px;}
.box_data_lists .lists_head{padding: 0 10px; border-bottom: 1px solid #ddd;}
.box_data_lists .lists_head table{}
.box_data_lists .lists_head table thead{}
.box_data_lists .lists_head table thead tr{}
.box_data_lists .lists_head table thead tr th{padding: 10px 5px; line-height: 18px; text-align: center; word-break: break-all; word-wrap: break-word;}
.box_data_lists .lists_body{padding: 0 10px;}
.box_data_lists .lists_body table{}
.box_data_lists .lists_body table tbody{}
.box_data_lists .lists_body table tbody tr{border-bottom: 1px dashed #ddd;}
.box_data_lists .lists_body table tbody tr:last-child{border-bottom: 0;}
.box_data_lists .lists_body table tbody tr td{padding: 8px 5px; line-height: 18px; text-align: center; word-break: break-all; word-wrap: break-word;}

.box_data_details{background-color: #fff; border: 1px solid #ddd; border-radius: 5px;}
.box_data_details .box_dd_title{padding: 10px; position: relative; line-height: 18px; border-bottom: 1px solid #ddd;}
.box_data_details .box_dd_title_top{border-top: 1px solid #ddd;}
.box_data_details .box_dd_title .t_left{}
.box_data_details .box_dd_title .t_right{position: absolute; top: 50%; right: 10px; margin-top: -9px;}
.box_data_details .box_dd_content{padding: 0 10px;}

.table_data_details{}
.table_data_details tbody tr{border-bottom: 1px dashed #ddd;}
.table_data_details tbody tr:last-child{border-bottom: 0;}
.table_data_details tbody tr th,
.table_data_details tbody tr td{padding: 8px 0; line-height: 18px; word-break: break-all; word-wrap: break-word;}
.table_data_details tbody tr th{color: #989898; text-align: right; padding-right: 8px;}
.table_data_details tbody tr td{}
.table_data_details .tsSpan td span{padding-left: 20px;}

.table_data_edit{}
.table_data_edit tbody tr{border-bottom: 1px dashed #ddd;}
.table_data_edit tbody tr:last-child{border-bottom: 0;}
.table_data_edit tbody tr th,
.table_data_edit tbody tr td{padding: 8px 0; line-height: 18px; word-break: break-all; word-wrap: break-word;}
.table_data_edit tbody tr th{text-align: right; padding-right: 8px;}
.table_data_edit tbody tr td{}
.table_data_edit tbody tr td.required{width: 18px; padding: 0 5px 0 0; color: #dd4b39; text-align: right;}

.ipuntBorder{width: 100%;height: 90%;border:0;}
.inputIcon {padding: 0; position: relative;}
.inputIcon a{width: 100%;display: inline-block;line-height:30px;}
.inputIcon a:after{
    content: '';
    position: absolute;
    top: 50%;
    right: 2px;
    margin: -4px 0 0 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #989898;
    border-right: 1px solid #989898;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    }
